import {createApp} from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'

createApp(App).use(store).use(router).mount('#app')
/*
局部作用域样式
    当 <style>标签带有 `scoped` attribute 的时候，它的 CSS 只会影响当前组件的元素
    <style scoped>
    .example {
      color: red;
    }
    </style>
    <template>
      <div class="example">hi</div>
    </template>

加了scoped属性后会被转换为：

    <style>
    .example[data-v-f3f3eg9] {
      color: red;
    }
    </style>

    <template>
      <div class="example" data-v-f3f3eg9>hi</div>
    </template>
* */